body{
position:relative;
width:100%;
}
header{
width:100%;
height:40px;
background:#333;
color:#b0b0b0;
font-size:12px;
padding:0 18px;
overflow:hidden;
}
.left{
height:40px;
float:left;
}
.left ul{
overflow:hidden;
}
.left ul li{
float:left;
line-height:40px;
}
.left ul li a{
display:inline-block;
height:40px;
color:#b0b0b0;
}
.left ul li:after{
content:"";
display:inline-block;
width:1px;
height:12px;
background:#424242;
margin:0 6px;
}
.left ul li:nth-last-of-type(1):after{
content:"";
display:inline-block;
width:0;
height:0;
}
.cart{
float:right;
position:relative;
margin-left:15px;
}
.cart a{
display:block;
width:120px;
height:40px;
color:#b0b0b0;
font-size:12px;
line-height:40px;
background: #424242;
text-align:center;
}
.cart i{
position:absolute;
top:12px;
left: 10px;
font-size:16px;
}
.right{
height:40px;
float:right;
}
.right ul{
overflow:hidden;
}
.right ul li{
float:left;
line-height:40px;
}
.right ul li a{
color:#b0b0b0;
}
.right ul li a.current{
color:#fff;
}
.right ul li:after{
content:"";
display:inline-block;
width:1px;
height:12px;
background:#424242;
margin:0 6px;
}
.right ul li:nth-last-of-type(1):after{
content:"";
display:inline-block;
width:0;
height:0;
}
.modal_agree{
width:660px;
position:fixed !important;
z-index:100;
top:50%;
left:50%;
margin-left: -330px;
margin-top: -300px;
background-color: #fff;
outline: none;
opacity: 1;
color: #333;
font-size:14px;
display:none;
}
.modal_hd{
height:60px;
padding:14px 20px;
background:#f5f5f5;
position:relative;
}
.modal_hd>h3{
margin: 0;
font-size:18px;
font-weight:bold;
line-height:32px;
color:#424242;
}
.modal_hd>i{
position:absolute;
top:14px;
right:14px;
line-height:32px;
text-align:center;
color:#757575;
display:inline-block;
height:30px;
width:30px;
border-radius:15px;
cursor:pointer;
}
.modal_body{
padding:20px;
position:relative;
max-height:400px;
}
.desc{
margin-left:20px;
margin-bottom:20px;
}
.desc a{
color:#f56600;
cursor:pointer;
}
.con{
max-height:300px;
overflow:auto;
font-size:14px;
line-height:24px;
text-align:left;
}
.con>h2{
font-size:1.5em;
margin:0.83em 0;
font-weight:bold;
}
.con>p{
margin: 1em 0;
}
.con>h3{
font-size:1.17em;
margin: 1em 0;
font-weight:bold;
}
.con>h4{
font-size:1em;
margin: 1.33em 0;
font-weight:bold;
}
#download{
width:150px;
height:40px;
font-size:16px;
line-height:40px;
text-align:center;
display:block;
text-decoration:none;
float:left;
padding:0;
margin: 0;
border:1px solid #b0b0b0;
color:#b0b0b0;
cursor:pointer;
}
.modal_bottom{
height:80px;
padding:20px 0;
border-top:1px solid #e0e0e0;
text-align:center;
background:#f5f5f5;
}
.modal_bottom>button{
margin: 0 7px;
width:160px;
height:40px;
padding:0;
cursor:pointer;
border: 1px solid #b0b0b0;
font-size:14px;
line-height:38px;
text-align:center;
}
#disagree{
color: #757575;
}
#agreeall{
color: #ffff;
background:#f56600;
border-color:#f56600;
}
.modal_backdrop{
width:100%;
height:7732px;
background:rgba(0,0,0,0.5);
position:fixed !important;
top:0;
right:0;
bottom:0;
left: 0;
z-index:90;
display:none;
}
nav{
height:100px;
margin:0 auto;
width: 1226px;
position: relative;
}
nav h1{
float:left;
width:55px;
margin-top:22px;
}
nav h1 a{
display:block;
width:55px;
height:55px;
position:relative;
background:#ff6700;
overflow:hidden;
padding-top:3px;
padding-left:3px;
}
nav>ul{
float:left;
padding:12px 0 0 30px;
}
nav>ul>li{
float:left;
}
nav ul li a{
display:inline-block;
color:#333;
padding:26px 10px 38px;
}
nav ul li a.current{
color:#f56600;
}
.item-children{
display:none;
position: absolute;
top:100px;
left: 0px;
width: 100%;
overflow:hidden;
font-size:14px;
color:#333;
border-top:1px solid #e0e0e0;
z-index:30;
background:#fff;
}
.item-children>ul{
padding: 0 0 0 40px;
width: 1280px;
margin: 1em 0;
}
.item-children>ul>li{
float:left;
position:relative;
}
.item-children>ul>li>a:after{
content:'';
display:block;
width:1px;
height:100px;
background-color:#e0e0e0;
position:relative;
top:-130px;
right:-170px;
}
.item-children>ul>li:nth-last-of-type(1)>a:after{
content:'';
display:block;
width:1px;
height:100px;
background-color:#fff;
position:relative;
top:-120px;
right:-160px;
}
.item-children>ul>li>a{
display:inline-block;
height:150px;
color: #333;
cursor:pointer;
text-align:center;
padding:20px 20px 0;
}
.item-children>ul>li>a>img{
width: 160px;
height: 110px;
border: 0;
margin-bottom:15px;
}
.price{
color:#f56600;
font-size:12px;
text-align:center;
}
.flag{
font-size:14px;
position:absolute;
top:-14px;
left: 50%;
margin-left:-35px;
width:70px;
height:20px;
line-height:18px;
text-align:center;
border:1px solid #f56600;
}
nav .search{
width:296px;
height:50px;
float:right;
margin-top:25px;
color:#333;
position:relative;
}
.search input{
width:245px;
height:50px;
border: 1px solid #e0e0e0;
font-size:14px;
line-height:48px;
padding:0 10px;
position:absolute;
top:0px;
right:51px;
}
.search button{
width:51px;
height:50px;
border: 1px solid #e0e0e0;
border-left:none;
position:absolute;
top:0px;
right:0px;
font-size:20px;
}
.class_item{
position: relative;
float: left;
width: 127px;
padding-right: 15px;
}
.class_item a{
display: block;
padding: 26px 0 38px;
text-align: right;
color: #333;
}
.class_home{
margin-left:-85px;
width:1226px;
position:absolute;
top:87px;
display:none;
overflow:hidden;
z-index:20;
}
.class_bar{
width: 234px;
height: 460px;
font-size: 14px;
background: #fff;
padding:20px 0;
color:#333;
border:1px solid #f56600;
z-index:20;
}
.class_bar>ul>li>span{
display:inline-block;
width: 234px;
height:42px;
line-height:42px;
padding-left:30px;
position:relative;
cursor:pointer;
}
.class_bar ul li i{
position:absolute;
top:50%;
right:30px;
transform:translate(0,-50%);
}
.class_children{
display:none;
position: absolute;
top:0;
left: 234px;
height: 460px;
font-size:14px;
color:#333;
z-index:40;
background:#fff;
}
.class_children ul{
height: 460px;
display:flex;
flex-direction:column;
flex-wrap:wrap;
}
.class_children ul li{
float:left;
width:247px;
height:76px;
background:#fff;
}
.class_children ul li a{
color:#333;
display:inline-block;
padding:18px 20px;
position:relative;
}
.class_children ul li a img{
width:40px;
height:40px;
}
.class_children ul li a span{
display:inline-block;
width: 234px;
height:42px;
text-align:left;
line-height:42px;
position:absolute;
top:50%;
left:80px;
transform:translate(0,-50%);
}
.pro_header{
position: relative;
z-index: 4;
background: #fff;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px rgba(0,0,0,0.07);
}
.pro_container{
width:1226px;
height:63px;
margin:0 auto;
position:relative;
}
.pro_container h2{
line-height:63px;
margin: 0;
font-size: 18px;
font-weight: 400;
color: #212121;
float: left;
}
.pro_container ul{
overflow:hidden;
position:absolute;
top:0;
right:0;
}
.pro_container ul li{
height:63px;
float:left;
line-height:63px;
font-size:14px;
position:relative;
padding-right:10px;
padding-left:10px;
}
.pro_container ul li:after{
content:"";
display:block;
width:1px;
height:16px;
background:#e0e0e0;
position:absolute;
top:25px;
right:0;
}
.pro_container ul li a{
color:#616161;
}
